<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">
	
	<ui:composition template="/templates/template.xhtml">
			<ui:define name="pageTitle">Produto</ui:define>
			<ui:define name="pageHeader">Cadastro de Produto</ui:define>
			<ui:define name="body">
				<h:form id="edicao">
					<h:messages />
					<h:inputHidden value="#{produtoBean.produtoSelecionado.id}"/>
					
					<h:panelGrid columns="2">
						
						<h:outputLabel value="Descrição:" />
						<h:inputText id="descricaoProduto" value="#{produtoBean.produtoSelecionado.descricao}" required="true"/>
						
						<h:outputLabel value="Estoque:" />
						<h:inputText id="estoque" value="#{produtoBean.produtoSelecionado.estoque}"/>
							
						<h:outputLabel value="Unidade:" />
						<h:inputText value="#{produtoBean.produtoSelecionado.unidade}" />
						
						<h:outputLabel value="Valor:" />
						<h:inputText value="#{produtoBean.produtoSelecionado.valor}">
						<f:convertNumber minFractionDigits="2"/>
						</h:inputText>
						
					</h:panelGrid>
					
					<h:commandButton action="#{produtoBean.salvar()}" value="Salvar" />
					<h:commandButton action="#{produtoBean.novo()}" value="Novo Produto" />
				
				</h:form>
				
				<h:form id="lista">
					<h:dataTable value="#{produtoBean.lista}" var="produto" border="1" rendered="#{not empty produtoBean.lista}">
						<f:facet name="header">Listagem de Produtos</f:facet>
						
						<h:column>
							<f:facet name="header">Descrição</f:facet>
							#{produto.descricao}
						</h:column>	
							
						<h:column>
							<f:facet name="header">Estoque</f:facet>
							#{produto.estoque}
						</h:column>	
												
						<h:column>
							<f:facet name="header">Unidade</f:facet>
							#{produto.unidade}
						</h:column>
						
						<h:column>
							<f:facet name="header">Valor</f:facet>
							<h:outputText value="#{produto.valor}">
								<f:convertNumber currencyCode="BRL" type="currency"/>
							</h:outputText>
						</h:column>	
						
						<h:column>
							<f:facet name="header">Ações</f:facet>
							
							<h:commandLink action="#{produtoBean.excluir}" onclick="if(!confirm('Deseja realmente excluir o produto #{produto.descricao}?')) return false;">
								<h:graphicImage library="imagens" name="remove-icon.png" />
								<f:setPropertyActionListener target="#{produtoBean.produtoSelecionado}" value="#{produto}" />
							</h:commandLink>
							
							<h:commandLink>
								<h:graphicImage library="imagens" name="wrench-icon.png" />
								<f:setPropertyActionListener target="#{produtoBean.produtoSelecionado}" value="#{produto}" />
							</h:commandLink>
							
						</h:column>
						
					</h:dataTable>
				</h:form>
					
			</ui:define>
	</ui:composition>

</html>